:global {
  h3 {
    clear: both;
    margin: 1.6em 0 0.6em;
    color: #000000;
    font-weight: 500;
    font-size: 18px;
    font-family: Avenir, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial,
      noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji,
      sans-serif;
  }

  .icon-lists {
    width: 100%;
    overflow: hidden;
    zoom: 1;

    li {
      width: 100px;
      margin-right: 20px;
      margin-bottom: 10px;
      text-align: center;
      list-style: none;
      cursor: pointer;

      .name,
      .code-name {
        color: #666;
      }

      .code-name {
        line-height: 1.2;
      }
    }

    .icon {
      display: block;
      height: 100px;
      margin: 10px auto;
      color: #333;
      font-size: 42px;
      line-height: 100px;
      transition: font-size 0.25s linear, width 0.25s linear;

      &:hover {
        font-size: 100px;
      }
    }

    .svg-icon {
      /* 通过设置 font-size 来改变图标大小 */
      width: 1em;
      /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
          normalize.css 中也包含这行 */
      overflow: hidden;
      /* 图标和文字相邻时，垂直对齐 */
      vertical-align: -0.15em;
      /* 通过设置 color 来改变 SVG 的颜色/fill */
      fill: currentColor;
    }
  }

  .copied-code {
    padding: 2px 4px 2px;
    font-size: 12px;
    background: #f5f5f5;
    border-radius: 2px;
  }
}
